<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$pageinfo.pagetitle}</title>
<meta name="keywords" content="{$pageinfo.keywords}" />
<meta name="description" content="{$pageinfo.description}" />
<style type="text/css">
	* {
		margin: 0;
		padding: 0
	}

	body {
		font-family: "微软雅黑";
		background: #DAD9D7;
		overflow: hidden
	}

	img {
		border: none
	}

	a * {
		cursor: pointer
	}

	li, ul {
		list-style: none
	}

	table {
		table-layout: fixed
	}

	table tr td {
		word-break: break-all;
		word-wrap: break-word
	}

	a {
		text-decoration: none;
		outline: 0
	}

	a:hover {
		text-decoration: underline
	}

	.cf:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden
	}

	.cf {
		zoom: 1;
		clear: both
	}

	.bg {
		width: 100%;
		background: #DAD8D9 url(__COMMON__/images/error/01.jpg) no-repeat center top;
		background-size: 100% 100%;
		height: 550px;
		overflow: hidden
	}

	.cont {
		margin: 0 auto;
		width: 550px;
		line-height: 20px;
		overflow: hidden
	}

	.c1 {
		height: 300px;
		text-align: center;
		margin-top: 20%;
		overflow: hidden
	}

	.c1 h4 {
		margin-top: 15px;
		font-size: 40px;
		color: #C1C1C1;
		font-family: 'Microsoft yahei';
		text-align: center;
		line-height: 50px;
		margin-bottom: 35px
	}

	.cont h2 {
		text-align: center;
		color: #555;
		font-size: 18px;
		font-weight: 400;
		height: 35px
	}

	.c2 {
		height: 35px;
		text-align: center
	}

	.c2 a {
		display: inline-block;
		margin: 0 4px;
		font-size: 14px;
		height: 23px;
		color: #626262;
		padding-top: 1px;
		text-decoration: none;
		text-align: left
	}

	.c2 a:hover {
		color: #626262;
		text-decoration: none
	}

	.c2 a.home {
		width: 106px;
		background: url(__COMMON__/images/error/02.png) no-repeat;
		padding-left: 30px
	}

	.c2 a.home:hover {
		background: url(__COMMON__/images/error/02.png) no-repeat 0 -24px
	}

	.c2 a.home:active {
		background: url(__COMMON__/images/error/02.png) no-repeat 0 -48px
	}

	.c2 a.re {
		width: 66px;
		background: url(__COMMON__/images/error/03.png) no-repeat;
		padding-left: 30px
	}

	.c2 a.re:hover {
		background: url(__COMMON__/images/error/03.png) no-repeat 0 -24px
	}

	.c2 a.re:active {
		background: url(__COMMON__/images/error/03.png) no-repeat 0 -48px
	}

	.c2 a.sr {
		width: 153px;
		background: url(__COMMON__/images/error/04.png);
		padding-left: 28px
	}

	.c2 a.sr:hover {
		background: url(__COMMON__/images/error/04.png) 0 -24px
	}

	.c2 a.sr:active {
		background: url(__COMMON__/images/error/04.png) 0 -48px
	}

	.c3 {
		height: 20px;
		text-align: center;
		color: #999;
		font-size: 12px;
		color: #626262
	}

	.c3 a.c3 {
		margin: 0 5px;
		color: #626262
	}
</style>
</head>
<body>
<div class="bg">
	<div class="cont">
		<div class="c1"><h4>404--Page Not Found ！</h4><img ondragstart="return false;"  src="__COMMON__/images/error/01.png" class="img1" /></div>
		<h2>whoopse ! The page has gone away !</h2>
		<div class="c2"><a href="javascript:history.go(-1)" class="re" >back</a><a href="/" class="home">Home Page</a></div>
		<div class="c3"><a href="/" class="c3">Warning:</a>Maybe it's a wrong URL or the page has been deleted by the administrator !</div>
	</div>
</div>
</body>
</html>